<!DOCTYPE html>
<html>

<head>
    <title>母鸡啊</title>
    <meta charset="utf-8">
    <style>
        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            color: red;
        }

        ul li {
            display: inline-block;
            margin: auto 10px;
        }

        table {
            border-collapse: collapse;
        }

        table tr td {
            height: 40px;
            width: 100px;
            border: 1pt solid black
        }

        .col1 td {
            color: red;
        }

        .col2 td {
            color: blue;
        }

        main table tr:nth-child(1) {
            background-color: greenyellow;
        }

        main table tr:nth-child(2) {
            background-color: blue;
        }
      
  
    </style>
</head>

<body>
    <header>
        <ul>
            <li><a href="https://www.4399.com">游戏</a></li>
            <li><a href="https://www.4399.com">学习</a></li>
            <li><a href="https://www.4399.com">打豆豆</a></li>
            <li><a href="https://www.4399.com">次饭</a></li>
            <li><a href="https://www.4399.com">放屁</a></li>
            <li><a href="https://www.4399.com">睡觉</a></li>
        </ul>
    </header>
    <main>
        <table>
            <colgroup span="2">
                <col span="1" class="col1 td">
                <col span="2" class="col2 td">
            </colgroup>
            <tr>
                <td style="color: red;">母鸡啊</td>
                <td style="color: yellow;">母鸡啊</td>
                <td style="color: yellow;">母鸡啊</td>
            </tr>
            <tr>
                <td style="color: red;">母鸡啊</td>
                <td style="color: yellow;">母鸡啊</td>
                <td style="color: yellow;">母鸡啊</td>
            </tr>
        </table>
        <div class="desc">
            <img src="11.jpg" width="400px" height="400px" >
            
            <img src="22.jpg" width="400px" height="400px" >
            <p style="white-space:pre ;">在此处添加图像描述                                                        在此处添加图像描述</p>
            
        </div>
        <div class="desc">
            <img src="33.jpg" width="400px" height="400px" >
            <img src="44.webp" width="400px" height="400px" >
            <p style="white-space:pre ;">在此处添加图像描述                                                        在此处添加图像描述</p>
        </div>
    </main>
    <footer style="background-color: green;">
        <p>ioredgioajewrgiouua</p>
        <p>ewhrugi;oaewrghij</p>
        <p>tlfqtekwiufhkule</p>
        <p>argflo89yrwyhrth</p>
        <p>aewirghjtuiklae</p>
        <p>wrihtygo9aeiw8k</p>

    </footer>
</body>

</html>